<aside class="main-sidebar">

    <section class="sidebar">

        <ul class="sidebar-menu" *ngIf=" leftMenuTree!=undefined && leftMenuTree.subMenus != undefined">
            <li class="treeview" [routerLinkActive]="['active']" *ngFor="let item of leftMenuTree.subMenus">
                <a href="#">
                    <i [class]="item.class"></i>
                    <span>{{item.name}}</span>
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">

                    <li [routerLinkActive]="['active']" *ngFor="let subItem of item.subMenus">

                        <a *ngIf="subItem.subMenus.length == 0" [routerLink]="subItem.routerLink">
                            <i [class]="subItem.class"></i>{{ subItem.name | translate }}
                        </a>

                        <a *ngIf="subItem.subMenus.length != 0" href="#">
                            <i [class]="subItem.class"></i>
                            <span>{{subItem.name}}</span>
                            <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>

                        <ul *ngIf="subItem.subMenus.length != 0" class="treeview-menu">
                            <li [routerLinkActive]="['active']" *ngFor="let i of subItem.subMenus">
                                <a [routerLink]="i.routerLink">
                                    <i [class]="i.class"></i>{{ i.name | translate }}
                                </a>
                            </li>
                        </ul>

                    </li>
                </ul>
            </li>
        </ul>

        <!-- <ul class="sidebar-menu">
            <li class="treeview" [routerLinkActive]="['active']">
                <a href="#">
                    <i class="fa fa-dashboard"></i> <span>主页</span>
                    <span class="pull-right-container">
                    <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">
                    <li [routerLinkActive]="['active']"><a [routerLink]="['home']"><i class="fa fa-circle-o"></i>主页</a></li>
                </ul>
            </li>

            <li class="treeview" [routerLinkActive]="['active']">
                <a href="#">
                <i class="fa fa-pie-chart"></i>
                <span>报表查询</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                </span>
              </a>
                <ul class="treeview-menu">
                        <li class="treeview" [routerLinkActive]="['active']">
                                <a href="#">
                                    <i class="fa fa-dashboard"></i> <span>故障报表集合</span>
                                    <span class="pull-right-container">
                                    <i class="fa fa-angle-left pull-right"></i>
                                    </span>
                                </a>
                                <ul class="treeview-menu">
                                        <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'mf']"><i class="fa fa-circle-o"></i>{{ '设备故障指标' | translate }}</a></li>
                                        <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'mfl']"><i class="fa fa-circle-o"></i>{{ '整线故障分析' | translate }}</a></li>
                                        <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'mfa']"><i class="fa fa-circle-o"></i>{{ '设备故障代码分析' | translate }}</a></li>
                                </ul>
                            </li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'tip']"><i class="fa fa-circle-o"></i>{{ 'TIP分析' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'saa']"><i class="fa fa-circle-o"></i>{{ 'SAA分析' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'sb']"><i class="fa fa-circle-o"></i>{{ '待堵料分析' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'cts']"><i class="fa fa-circle-o"></i>{{ 'CT统计分析' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'tct']"><i class="fa fa-circle-o"></i>{{ '分型号节拍分析(仅GF9)' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'andon']"><i class="fa fa-circle-o"></i>{{ 'Andon报表' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'ctd']"><i class="fa fa-circle-o"></i>{{ 'CyclerTime明细' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'phcnt']"><i class="fa fa-circle-o"></i>{{ '生产小时产量分析' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'fw']"><i class="fa fa-circle-o"></i>{{ 'FaultWorld' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'tipfw']"><i class="fa fa-circle-o"></i>{{ 'TipFaultWorld' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'ddd']"><i class="fa fa-circle-o"></i>{{ '设备故障停机明细' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'cmm']"><i class="fa fa-circle-o"></i>{{ 'CMM状态分析' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'pun']"><i class="fa fa-circle-o"></i>{{ 'PUN查询(仅GF9)' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'phcntd']"><i class="fa fa-circle-o"></i>{{ '产量OEE' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['report', 'wp']"><i class="fa fa-circle-o"></i>{{ 'Working Pace' | translate }}</a></li>
        </ul>
            <li class="treeview" [routerLinkActive]="['active']">
                <a href="#">
                    <i class="fa fa-edit"></i> 
                    <span>参数配置</span>
                    <span class="pull-right-container">
                      <i class="fa fa-angle-left pull-right"></i>
                    </span>
                  </a>
                <ul class="treeview-menu">
                    <li [routerLinkActive]="['active']"><a [routerLink]="['config', 'ra']"><i class="fa fa-circle-o"></i>{{ '设备属性维护' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['config', 'sb']"><i class="fa fa-circle-o"></i>{{ '刀具大数据维护' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['config', 'sh']"><i class="fa fa-circle-o"></i>{{ '班次过滤配置' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['config', 'config-tip-status']"><i class="fa fa-circle-o"></i>{{ '设备故障状态过滤配置' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['config', 'config-fault-status']"><i class="fa fa-circle-o"></i>{{ '设备故障字过滤配置' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['config', 'all-cycletime-history']"><i class="fa fa-circle-o"></i>{{ 'CT记录过滤配置' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['config', 'assist-call-summary']"><i class="fa fa-circle-o"></i>{{ 'Andon呼叫过滤配置' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['config', 'tool-change-log']"><i class="fa fa-circle-o"></i>{{ '换刀记录过滤配置' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['config', 'config-phcnt']"><i class="fa fa-circle-o"></i>{{ '小时产量模版配置' | translate }}</a></li>
                    <li [routerLinkActive]="['active']"><a [routerLink]="['config', 'config-wp']"><i class="fa fa-circle-o"></i>{{ 'Working Pace配置' | translate }}</a></li>
                </ul>
            </li>
            <li class="treeview" [routerLinkActive]="['active']">
                <a href="#">
                <i class="fa fa-laptop"></i>
                <span>系统管理</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                </span>
              </a>
                <ul class="treeview-menu">
                        <li [routerLinkActive]="['active']"><a [routerLink]="['sys', 'user']"><i class="fa fa-circle-o"></i>{{ '用户管理' | translate }}</a></li>
                        <li [routerLinkActive]="['active']"><a [routerLink]="['sys', 'menu']"><i class="fa fa-circle-o"></i>{{ '菜单管理' | translate }}</a></li>
                </ul>
            </li>
        </ul> -->
    </section>
</aside>